@import '@/assets/scss/var.scss';
//------------------------------------------------------tosend--------------------------------------------------------------------
.tosend-modal-title-color{
    height:20px;
    font-size:14px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(246,133,31,1);
    line-height:20px;
}
.tosend-modal-footer-tip{
    display: inline-block;
    width:14px;
    height:14px;
    line-height: 14px;
    text-align: center;
    margin: 0px 10px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    // font-weight: bold;
    background:rgba(250,173,20,1);
}
//------------------------------------------------------tosendContainer--------------------------------------------------------------------
.logistics-container{
    height: calc(100% - 160px);
    .ant-table-wrapper{
        height: calc(100% - 120px);
        background-color: $--background-color-white;
        .table-tip{
            font-size: 10px;
            text-align: center;
            .tip-top{
                width: 16px;
                height: 16px;
                border: 1px solid #2D85F3;
                color:#2D85F3;
                margin: 2px;
            }
            .tip-btm{
                width: 16px;
                height: 16px;
                border-radius: 50%;
                border: 1px solid #F6851F;
                color:#F6851F;
                margin: 2px;
            }}
        }
    .ant-spin-nested-loading,
    .ant-spin-container,
    .ant-table,
    .ant-table-content,
    .ant-table-scroll {
        height: 100%;
    }
    .ant-table-body {
        height: 100%;
        // max-height: calc(100% - 54px) !important;
        overflow-y: scroll;
    }
    .anticon {
        &:hover {
            cursor: pointer;
            color: $--color-primary;
        }
    }

    .xforce-invoice-pagination {
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 50px;
        background-color: #fff;
        margin-top: 5px;
        padding: 10px 25px; }
        
    .xforce-invoice-pagination, .xforce-invoice-pagination > li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
}
//------------------------------------------------------drawer-step--------------------------------------------------------------------
.drawer-step{
    .ant-drawer-wrapper-body{
        height: calc(100% - 63px) !important;
        background: $--background-color-body;
        .ant-drawer-body{
            padding: 0 5px;
            .ant-list, .ant-list-split{
                margin: 3px 0px;
                .ant-list-item{
                    background: #fff;
                    padding: 15px 32px;
                }
            }
        }
    }
}
.list-row{
    width: 100%;
    line-height: 30px;
    .list-r-col-center{
        margin: 0 20px;
    }
}
//img
.courier-img{
    display: inline-block;
    width:30px;
    height:30px;
    line-height: 26px;
    border:1px solid $--border-color;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    img {
        width: 40px;
        border-radius: 50%;
    }
}
//-------------------------------------------------------step2
.step2-formitem{
    margin-bottom: 0 !important;
}
//-------------------------------------------------------step3
.step3-bar{
    display: inline-block;
    width: 5px;
    height: 12px;
    margin-right: 10px;
    background: $--color-primary;
}
.step3-title{
    font-weight: bold
}
.step3-table{
    .ant-table-wrapper{
        background-color: $--background-color-white;
        .ant-table-row td:first-child{
            padding: 16px 32px;
        }
        .table-tip{
            font-size: 10px;
            text-align: center;
            .tip-top{
                width: 16px;
                height: 16px;
                border: 1px solid #2D85F3;
                color:#2D85F3;
                margin: 2px;
            }
            .tip-btm{
                width: 16px;
                height: 16px;
                border-radius: 50%;
                border: 1px solid #F6851F;
                color:#F6851F;
                margin: 2px;
            }}
        }
}
//------------------------------------------------------drawer-detail--------------------------------------------------------------------
.detail-drawer{
    .ant-drawer-wrapper-body{
        background: $--background-color-body;
        .ant-drawer-body{
            padding: 0 5px;
            .ant-table-wrapper{
                background-color: $--background-color-white;
                .table-tip{
                    font-size: 10px;
                    text-align: center;
                    .tip-top{
                        width: 16px;
                        height: 16px;
                        border: 1px solid #2D85F3;
                        color:#2D85F3;
                        margin: 2px;
                    }
                    .tip-btm{
                        width: 16px;
                        height: 16px;
                        border-radius: 50%;
                        border: 1px solid #F6851F;
                        color:#F6851F;
                        margin: 2px;
                    }}
                }
            .ant-list, .ant-list-split{
                margin: 3px 0px;
                .ant-list-item{
                    background: #fff;
                    padding: 15px 32px;
                }
            }
        }
    }
}
//------------------------------------------------------drawer-public--------------------------------------------------------------------
.drawer-top{
    .text-right{
        text-align: right;
    }
    .span-back{
        cursor: pointer;
    }
    .current-span{
        color: $--color-primary;
    }
    .radius{
        display: inline-block;
        width: 10px;
        height:  10px;
        border-radius: 50%;
        margin: 0 5px;
        background: $--color-light-gray;
    }
    .radius-color{
        background: $--color-primary;
    }
    .divider-line{
        display: inline-block;
        width: 100px;
        height: 5px;
        margin: 0px 10px;
        border-top: 1px solid $--border-color;
    }
}
.list-btm{
    span {
        margin-right: 15px;
    }
}
.list-radius{
    display: inline-block;
    width: 5px;
    height:  5px;
    border-radius: 50%;
    margin: 0 5px;
    background: $--color-primary;
}
.color-primary{
    // margin: 0 5px;
    color: $--color-primary;
}
.color-orange{
    color: #F6851F;
}